<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>
    .thead {
        padding: 5px 0;
        text-indent: 8px;
        border: 1px solid #eee;
        border-width: 0 1px 1px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: normal;
        color: #a0a0a0;
        background: #eee;
        border-color: #dfdfdf
    }
    .tbody {
        padding: 5px 0;
        text-indent: 8px;
        border: 1px solid #eee;
        border-width: 0 1px 1px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .info{
        color: #a0a0a0;
        line-height: 18px;
        font-size: 12px;
        margin: 5px 0
    }
</style>
<div style="background:#ececec;width:100%;padding:50px 0;text-align:center">
    <div style="background:#fff;width:750px;text-align:left;position:relative;margin:0 auto;font-size:14px;line-height:1.5">
        <div style="zoom:1;padding:25px 40px;background:#4183c4; border-bottom:1px solid #467ec3;">
            <h1 style="color:#fff;font-size:25px;line-height:30px;margin:0"><a href="http://www.qunian.ink/" style="text-decoration:none;color:#FFF" rel="noopener" target="_blank">QN Blog</a></h1>
        </div>
        <div style="padding:35px 40px 30px">
            <h2 style="font-size:18px;margin:5px 0" th:text="'Hi '+${email.toName}+':'"></h2>
            <p style="color:#313131;line-height:20px;font-size:15px;margin:20px 0">您有一条留言有了新的回复，摘要信息请见下表。</p>
            <table cellspacing="0" style="font-size:14px;text-align:center;border:1px solid #ccc;table-layout:fixed;width:500px">
                <thead>
                <tr>
                    <th class="thead" width="235px">原评论</th>
                    <th class="thead" width="235px">回复</th>
                    <th class="thead" width="100px">作者</th>
                    <th class="thead" width="90px">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="tbody" th:text="${email.original}"></td>
                    <td class="tbody" th:text="${email.reply}"></td>
                    <td class="tbody" th:text="${email.author}"></td>
                    <td class="tbody"><a href="#" th:href="@{ http://www.qunian.ink/blog/{id}(id=${email.url}) }" style="color:#1E5494;text-decoration:none;vertical-align:middle" target="_blank" rel="noopener">查看详情</a></td>
                </tr>
                </tbody>
            </table>
            <br>
            <div style="font-size:13px;color:#a0a0a0;padding-top:10px">该邮件由系统自动发出，如果不是您本人操作，请忽略此邮件。</div>
            <div class="qmSysSign" style="padding-top:20px;font-size:12px;color:#a0a0a0">
                <p class="info">QN Blog</p>
                <p class="info"><span style="border-bottom:1px dashed #ccc" t="5" times="" th:text="${email.time}"></span></p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
